<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端-添加藏品</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_form none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box" v-allcheck="check">
            <menunav index="control" sub="pause" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_flex1 m_over">
                <ul class="breadcrumbs">
                    <li><span>风控管理</span>&gt;</li>
                    <li><a href="pause.html">临时停牌</a>&gt;</li>
                    <li class="on">添加临停</li>
                </ul>
                <div class="m_title"><h2>监控</h2></div>
                <table class="m_table nostripe">
                    <thead>
                        <tr>
                            <th width="8%">藏品ID</th>
                            <th width="12%">藏品名称</th>
                            <th width="8%">发行价</th>
                            <th width="6%">最新价</th>
                            <th>预警原因</th>
                            <th width="40%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr v-if="list.length < 1">
                            <td colspan="6">
                                <div class="tc">
                                    <template v-else>暂无数据</template>
                                </div>
                            </td>
                        </tr>
                        <tr v-for="item in list" v-if="list.length > 0">
                            <td class="pdl">{{ item.code }}</td>
                            <td><span class="m_textOver">{{ item.col_name }}</span></td>
                            <td>{{ item.listing_price | markMoney }}</td>
                            <td>{{ item.current_price | markMoney }}</td>
                            <td>{{ item.warning_reason }}</td>
                            <td>
                                <div class="m_box">
                                    <select class="m_select m_mini" v-model="item.type">
                                        <option value="1" selected="">一小时</option>
                                        <option value="2">一天</option>
                                        <option value="0">自定义</option>
                                    </select>
                                    <template v-if="item.type != 0">
                                        <input class="m_input medium" disabled type="text" v-model="item.time_type[item.type].start"> ~
                                        <input class="m_input medium" disabled type="text" v-model="item.time_type[item.type].end">
                                    </template>
                                    <template v-if="item.type == 0">
                                        <input class="m_input medium" type="text" v-model="item.time_type[0].start" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d 00:00'})"> ~
                                        <input class="m_input medium" type="text" v-model="item.time_type[0].end" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d 00:00'})">
                                    </template>
                                    <div class="m_flex1">
                                        <a href="javascript:void(0);" v-on:click="submit(item,1)">添加临停</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="m_title"><h2>自定义</h2></div>
                <table class="m_fmtable" v-allcheck="check">
                    <tbody>
                        <tr>
                            <th>藏品名称：</th>
                            <td>
                                <productselect status="4" name="请选择" :col_id.sync="self.id" check="[{'type':'require'}]"></productselect>
                            </td>
                        </tr>
                        <tr>
                            <th>停牌时间：</th>
                            <td>
                                <div class="m_box">
                                    <div>
                                        <select class="m_select m_mini" v-model="self.type" check="[{'type':'require'}]">
                                            <option value="1" selected="">一小时</option>
                                            <option value="2">一天</option>
                                            <option value="0">自定义</option>
                                        </select>
                                    </div>
                                    <template v-if="self.type != 0">
                                        <input class="m_input medium" disabled type="text" v-model="self.time_type[self.type].start"> ~
                                        <input class="m_input medium" disabled type="text" v-model="self.time_type[self.type].end">
                                    </template>
                                    <template v-if="self.type == 0">
                                        <span>
                                            <input class="m_input medium" type="text" v-model="self.time_type[0].start" check="[{'type':'require'}]" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d 00:00'})"> ~
                                        </span>
                                        <span>
                                            <input class="m_input medium" type="text" v-model="self.time_type[0].end" check="[{'type':'require'}]" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d 00:00'})">
                                        </span>
                                    </template>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div class="submit">
                                    <button class="m_btn" v-on:click="submit">添加临停</button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>
    <script src="../../js/plugins/datePicker/WdatePicker.js"></script>

    <script>
        seajs.use( "../../js/page/control/pause_add" );
    </script>

</body>
</html>
